﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>云朵网络科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="云朵网络科技有限公司">
    <meta name="author" content="446705260@qq.com">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/themes/default.css"
          id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/responsive.css">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]>
    <script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <link href="${CONTEXT_PATH}/_back/CloudAdmin/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- ANIMATE -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/animatecss/animate.min.css"/>
    <!-- DATE RANGE PICKER -->
    <link rel="stylesheet" type="text/css"
          href="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/daterangepicker-bs3.css"/>
    <!-- TODO -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-todo/css/styles.css"/>
    <!-- FULL CALENDAR -->
    <link rel="stylesheet" type="text/css"
          href="${CONTEXT_PATH}/_back/CloudAdmin/js/fullcalendar/fullcalendar.min.css"/>
    <!-- GRITTER -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/gritter/css/jquery.gritter.css"/>
    <!-- FONTS -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- HEADER -->
<header class="navbar clearfix" id="header">
    <div class="container">
        <div class="navbar-brand">
            <!-- COMPANY LOGO -->
            <a href="index.html">
                <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/logo/logo.png" alt="Cloud Admin Logo"
                     class="img-responsive" height="30" width="120">
            </a>
            <!-- /COMPANY LOGO -->
            <!-- TEAM STATUS FOR MOBILE -->
            <div class="visible-xs">
                <a href="#" class="team-status-toggle switcher btn dropdown-toggle">
                    <i class="fa fa-users"></i>
                </a>
            </div>
            <!-- /TEAM STATUS FOR MOBILE -->
            <!-- SIDEBAR COLLAPSE -->
            <div id="sidebar-collapse" class="sidebar-collapse btn">
                <i class="fa fa-bars"
                   data-icon1="fa fa-bars"
                   data-icon2="fa fa-bars"></i>
            </div>
            <!-- /SIDEBAR COLLAPSE -->
        </div>
        <!-- NAVBAR LEFT -->
        <ul class="nav navbar-nav pull-left hidden-xs" id="navbar-left">
            <li class="dropdown">
                <a href="#" class="team-status-toggle dropdown-toggle tip-bottom" data-toggle="tooltip"
                   title="Toggle Team View">
                    <i class="fa fa-users"></i>
                    <span class="name">Team Status</span>
                    <i class="fa fa-angle-down"></i>
                </a>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-cog"></i>
                    <span class="name">Skins</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu skins">
                    <li class="dropdown-title">
                        <span><i class="fa fa-leaf"></i> 主题风格</span>
                    </li>
                    <li><a href="#" data-skin="default">默认</a></li>
                    <li><a href="#" data-skin="night">夜间</a></li>
                    <li><a href="#" data-skin="earth">星球</a></li>
                    <li><a href="#" data-skin="utopia">Utopia</a></li>
                    <li><a href="#" data-skin="nature">自然</a></li>
                    <li><a href="#" data-skin="graphite">Graphite</a></li>
                </ul>
            </li>
        </ul>
        <!-- /NAVBAR LEFT -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <ul class="nav navbar-nav pull-right">
            <!-- BEGIN NOTIFICATION DROPDOWN -->
            <li class="dropdown" id="header-notification">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-bell"></i>
                    <span class="badge">7</span>
                </a>
                <ul class="dropdown-menu notification">
                    <li class="dropdown-title">
                        <span><i class="fa fa-bell"></i> 7 Notifications</span>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-success"><i class="fa fa-user"></i></span>
									<span class="body">
										<span class="message">5 users online. </span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>Just now</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-primary"><i class="fa fa-comment"></i></span>
									<span class="body">
										<span class="message">Martin commented.</span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>19 mins</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-warning"><i class="fa fa-lock"></i></span>
									<span class="body">
										<span class="message">DW1 server locked.</span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>32 mins</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-info"><i class="fa fa-twitter"></i></span>
									<span class="body">
										<span class="message">Twitter connected.</span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>55 mins</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-danger"><i class="fa fa-heart"></i></span>
									<span class="body">
										<span class="message">Jane liked. </span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>2 hrs</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-warning"><i class="fa fa-exclamation-triangle"></i></span>
									<span class="body">
										<span class="message">Database overload.</span>
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>6 hrs</span>
										</span>
									</span>
                        </a>
                    </li>
                    <li class="footer">
                        <a href="#">See all notifications <i class="fa fa-arrow-circle-right"></i></a>
                    </li>
                </ul>
            </li>
            <!-- END NOTIFICATION DROPDOWN -->
            <!-- BEGIN INBOX DROPDOWN -->
            <li class="dropdown" id="header-message">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-envelope"></i>
                    <span class="badge">3</span>
                </a>
                <ul class="dropdown-menu inbox">
                    <li class="dropdown-title">
                        <span><i class="fa fa-envelope-o"></i> 3 Messages</span>
                        <span class="compose pull-right tip-right" title="Compose message"><i
                                class="fa fa-pencil-square-o"></i></span>
                    </li>
                    <li>
                        <a href="#">
                            <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar2.jpg" alt=""/>
									<span class="body">
										<span class="from">Jane Doe</span>
										<span class="message">
										Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mole ...
										</span> 
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>Just Now</span>
										</span>
									</span>

                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar1.jpg" alt=""/>
									<span class="body">
										<span class="from">Vince Pelt</span>
										<span class="message">
										Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mole ...
										</span> 
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>15 min ago</span>
										</span>
									</span>

                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar8.jpg" alt=""/>
									<span class="body">
										<span class="from">Debby Doe</span>
										<span class="message">
										Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mole ...
										</span> 
										<span class="time">
											<i class="fa fa-clock-o"></i>
											<span>2 hours ago</span>
										</span>
									</span>

                        </a>
                    </li>
                    <li class="footer">
                        <a href="#">See all messages <i class="fa fa-arrow-circle-right"></i></a>
                    </li>
                </ul>
            </li>
            <!-- END INBOX DROPDOWN -->
            <!-- BEGIN TODO DROPDOWN -->
            <li class="dropdown" id="header-tasks">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-tasks"></i>
                    <span class="badge">3</span>
                </a>
                <ul class="dropdown-menu tasks">
                    <li class="dropdown-title">
                        <span><i class="fa fa-check"></i> 6 tasks in progress</span>
                    </li>
                    <li>
                        <a href="#">
									<span class="header clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">60%</span>
									</span>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                    <span class="sr-only">60% Complete</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
									<span class="header clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">25%</span>
									</span>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="25"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
                                    <span class="sr-only">25% Complete</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
									<span class="header clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">40%</span>
									</span>
                            <div class="progress progress-striped">
                                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                    <span class="sr-only">40% Complete</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
									<span class="header clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">70%</span>
									</span>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                                    <span class="sr-only">70% Complete</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
									<span class="header clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">65%</span>
									</span>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success" style="width: 35%">
                                    <span class="sr-only">35% Complete (success)</span>
                                </div>
                                <div class="progress-bar progress-bar-warning" style="width: 20%">
                                    <span class="sr-only">20% Complete (warning)</span>
                                </div>
                                <div class="progress-bar progress-bar-danger" style="width: 10%">
                                    <span class="sr-only">10% Complete (danger)</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="footer">
                        <a href="#">See all tasks <i class="fa fa-arrow-circle-right"></i></a>
                    </li>
                </ul>
            </li>
            <!-- END TODO DROPDOWN -->
            <!-- BEGIN USER LOGIN DROPDOWN -->
            <li class="dropdown user" id="header-user">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img alt="" src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar3.jpg"/>
                    <span class="username">John Doe</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="fa fa-user"></i> My Profile</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i> Account Settings</a></li>
                    <li><a href="#"><i class="fa fa-eye"></i> Privacy Settings</a></li>
                    <li><a href="login.html"><i class="fa fa-power-off"></i> Log Out</a></li>
                </ul>
            </li>
            <!-- END USER LOGIN DROPDOWN -->
        </ul>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- TEAM STATUS -->
    <div class="container team-status" id="team-status">
        <div id="scrollbar">
            <div class="handle">
            </div>
        </div>
        <div id="teamslider">
            <ul class="team-list">
                <li class="current">
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar3.jpg" alt=""/>
				  </span>
				  <span class="title">
					You
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 35%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 20%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 10%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">6</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">3</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">1</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar1.jpg" alt=""/>
				  </span>
				  <span class="title">
					Max Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 15%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 40%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 20%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">2</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">8</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">4</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar2.jpg" alt=""/>
				  </span>
				  <span class="title">
					Jane Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 65%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 10%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 15%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">10</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">3</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">4</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar4.jpg" alt=""/>
				  </span>
				  <span class="title">
					Ellie Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 5%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 48%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 27%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">1</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">6</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">2</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar5.jpg" alt=""/>
				  </span>
				  <span class="title">
					Lisa Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 21%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 20%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 40%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">4</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">5</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">9</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar6.jpg" alt=""/>
				  </span>
				  <span class="title">
					Kelly Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 45%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 21%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 10%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">6</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">3</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">1</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar7.jpg" alt=""/>
				  </span>
				  <span class="title">
					Jessy Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 7%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 30%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 10%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">1</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">6</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">2</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
				  <span class="image">
					  <img src="${CONTEXT_PATH}/_back/CloudAdmin/img/avatars/avatar8.jpg" alt=""/>
				  </span>
				  <span class="title">
					Debby Doe
				  </span>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 70%">
                                <span class="sr-only">35% Complete (success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning" style="width: 20%">
                                <span class="sr-only">20% Complete (warning)</span>
                            </div>
                            <div class="progress-bar progress-bar-danger" style="width: 5%">
                                <span class="sr-only">10% Complete (danger)</span>
                            </div>
                        </div>
					<span class="status">
						<div class="field">
                            <span class="badge badge-green">13</span> completed
                            <span class="pull-right fa fa-check"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-orange">7</span> in-progress
                            <span class="pull-right fa fa-adjust"></span>
                        </div>
						<div class="field">
                            <span class="badge badge-red">1</span> pending
                            <span class="pull-right fa fa-list-ul"></span>
                        </div>
				    </span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- /TEAM STATUS -->
</header>
<!--/HEADER -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">
            <div class="divide-20"></div>
            <!-- SEARCH BAR -->
            <div id="search-bar">
                <input class="search" type="text" placeholder="Search"><i class="fa fa-search search-icon"></i>
            </div>
            <!-- /SEARCH BAR -->

            <!-- SIDEBAR QUICK-LAUNCH -->
            <!-- <div id="quicklaunch">
            <!-- /SIDEBAR QUICK-LAUNCH -->

            <!-- SIDEBAR MENU -->
            <ul>
                <li class="active">
                    <a href="${CONTEXT_PATH}">
                        <i class="fa fa-tachometer fa-fw"></i> <span class="menu-text">通览</span>
                        <span class="selected"></span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-bookmark-o fa-fw"></i> <span class="menu-text">UI Features</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/elements.html"><span
                                class="sub-menu-text">提示|弹框</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/notifications.html"><span
                                class="sub-menu-text">提示</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/buttons_icons.html"><span
                                class="sub-menu-text">按钮|图标</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/sliders_progress.html"><span
                                class="sub-menu-text">进度条|滑动条</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/typography.html"><span
                                class="sub-menu-text">文字样式</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/tabs_accordions.html"><span
                                class="sub-menu-text">选项卡|伸缩卡</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/treeview.html"><span
                                class="sub-menu-text">树结构</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/nestable_lists.html"><span
                                class="sub-menu-text">拖动</span></a></li>
                        <li class="has-sub-sub">
                            <a href="javascript:;" class=""><span class="sub-menu-text">三级菜单</span>
                                <span class="arrow"></span>
                            </a>
                            <ul class="sub-sub">
                                <li><a class="" href="#"><span class="sub-sub-menu-text">选项1</span></a></li>
                                <li><a class="" href="#"><span class="sub-sub-menu-text">选项2</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/frontend_theme/index.html" target="_blank"><i
                        class="fa fa-desktop fa-fw"></i> <span class="menu-text">前端主题</span></a></li>
                <li><a class="" href="inbox.html"><i class="fa fa-envelope-o fa-fw"></i> <span
                        class="menu-text">收件箱</span></a></li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-table fa-fw"></i> <span class="menu-text">表格</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/simple_table.html"><span
                                class="sub-menu-text">简易表格</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/dynamic_tables.html"><span
                                class="sub-menu-text">美化表格</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/jqgrid_plugin.html"><span
                                class="sub-menu-text">jqGrid插件</span></a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">表单组件</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/forms.html"><span class="sub-menu-text">表单</span></a>
                        </li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/wizards_validations.html"><span
                                class="sub-menu-text">引导|验证表单</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/rich_text_editors.html"><span
                                class="sub-menu-text">富编辑器</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/dropzone_file_upload.html"><span
                                class="sub-menu-text">拖动文件上传</span></a></li>
                    </ul>
                </li>
                <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/widgets_box.html"><i
                        class="fa fa-th-large fa-fw"></i> <span class="menu-text">窗体</span></a></li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-bar-chart-o fa-fw"></i> <span class="menu-text">可视化图标</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/flot_charts.html"><span
                                class="sub-menu-text">浮选图标</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/xcharts.html"><span
                                class="sub-menu-text">xCharts</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/others.html"><span class="sub-menu-text">其他</span></a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-columns fa-fw"></i> <span class="menu-text">布局</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/mini_sidebar.html"><span
                                class="sub-menu-text">迷你菜单</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/fixed_header.html"><span
                                class="sub-menu-text">复合头部</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/fixed_header_sidebar.html"><span
                                class="sub-menu-text">复合头部及菜单</span></a></li>
                    </ul>
                </li>
                <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/alendar.html"><i
                        class="fa fa-calendar fa-fw"></i>
								<span class="menu-text">日历
									<span class="tooltip-error pull-right" title="" data-original-title="3 New Events">
										<span class="label label-success">New</span>
									</span>
								</span>
                </a>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-map-marker fa-fw"></i> <span class="menu-text">地图</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/google_maps.html"><span
                                class="sub-menu-text">谷歌地图</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/vector_maps.html"><span
                                class="sub-menu-text">矢量地图</span></a></li>
                    </ul>
                </li>
                <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/gallery.html"><i
                        class="fa fa-picture-o fa-fw"></i> <span class="menu-text">相册</span></a></li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-file-text fa-fw"></i> <span class="menu-text">其他页面</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/login.html">
                            <span class="sub-menu-text">登陆注册1</span></a>
                        </li>
                        <li><a class="" href="login_bg.html"><span
                                class="sub-menu-text">登陆注册2</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/user_profile.html"><span
                                class="sub-menu-text">用户中心</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/chats.html"><span class="sub-menu-text">聊天</span></a>
                        </li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/todo_timeline.html"><span
                                class="sub-menu-text">待办事项|进度</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/address_book.html"><span
                                class="sub-menu-text">通讯录</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/pricing.html"><span
                                class="sub-menu-text">售卖定价</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/invoice.html"><span
                                class="sub-menu-text">电子票据</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/orders.html"><span class="sub-menu-text">订单</span></a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:;" class="">
                        <i class="fa fa-briefcase fa-fw"></i> <span class="menu-text">其他页面 <span
                            class="badge pull-right">9</span></span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/earch_results.html"><span
                                class="sub-menu-text">搜索列表</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/email_templates.html"><span
                                class="sub-menu-text">邮件模板</span></a></li>

                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/error_404.html"><span
                                class="sub-menu-text">404模板1</span></a></li>
                        <li><a class="" href="error_404_2.html"><span
                                class="sub-menu-text">404模板2</span></a></li>
                        <li><a class="" href="error_404_3.html"><span
                                class="sub-menu-text">404模板3</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/error_500.html"><span
                                class="sub-menu-text">500模板1</span></a></li>
                        <li><a class="" href="error_500_2.html"><span
                                class="sub-menu-text">500模板2</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/faq.html"><span
                                class="sub-menu-text">FAQ</span></a></li>
                        <li><a class="" href="${CONTEXT_PATH}/_back/CloudAdmin/blank_page.html"><span
                                class="sub-menu-text">空页面</span></a></li>
                    </ul>
                </li>
            </ul>
            <!-- /SIDEBAR MENU -->
        </div>
    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Box Settings</h4>
                    </div>
                    <div class="modal-body">
                        Here goes box setting content.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">保存修改</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <!-- PAGE HEADER-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-header">
                                <!-- STYLER -->

                                <!-- /STYLER -->
                                <!-- BREADCRUMBS -->
                                <ul class="breadcrumb">
                                    <li>
                                        <i class="fa fa-home"></i>
                                        <a href="${CONTEXT_PATH}">Home</a>
                                    </li>
                                    <li>Dashboard - shared on weidea.net</li>
                                </ul>
                                <!-- /BREADCRUMBS -->
                                <div class="clearfix">
                                    <h3 class="content-title pull-left">Dashboard</h3>
                                    <!-- DATE RANGE PICKER -->
										<span class="date-range pull-right">
											<div class="btn-group">
                                                <a class="${CONTEXT_PATH}/_back/CloudAdmin/js_update btn btn-default"
                                                   href="#">Today</a>
                                                <a class="${CONTEXT_PATH}/_back/CloudAdmin/js_update btn btn-default"
                                                   href="#">Last 7 Days</a>
                                                <a class="${CONTEXT_PATH}/_back/CloudAdmin/js_update btn btn-default hidden-xs"
                                                   href="#">Last month</a>

                                                <a id="reportrange" class="btn reportrange">
                                                    <i class="fa fa-calendar"></i>
                                                    <span></span>
                                                    <i class="fa fa-angle-down"></i>
                                                </a>
                                            </div>
										</span>
                                    <!-- /DATE RANGE PICKER -->
                                </div>
                                <div class="description">Overview, Statistics and more</div>
                            </div>
                        </div>
                    </div>
                    <!-- /PAGE HEADER -->
                    <!-- DASHBOARD CONTENT -->
                    <div class="row">
                        <!-- COLUMN 1 -->
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="dashbox panel panel-default">
                                        <div class="panel-body">
                                            <div class="panel-left red">
                                                <i class="fa fa-instagram fa-3x"></i>
                                            </div>
                                            <div class="panel-right">
                                                <div class="number">6718</div>
                                                <div class="title">Likes</div>
												<span class="label label-success">
													26% <i class="fa fa-arrow-up"></i>
												</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="dashbox panel panel-default">
                                        <div class="panel-body">
                                            <div class="panel-left blue">
                                                <i class="fa fa-twitter fa-3x"></i>
                                            </div>
                                            <div class="panel-right">
                                                <div class="number">2724</div>
                                                <div class="title">Followers</div>
												<span class="label label-warning">
													5% <i class="fa fa-arrow-down"></i>
												</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="quick-pie panel panel-default">
                                        <div class="panel-body">
                                            <div class="col-md-4 text-center">
                                                <div id="dash_pie_1" class="piechart" data-percent="59">
                                                    <span class="percent"></span>
                                                </div>
                                                <a href="#" class="title">New Visitors <i class="fa fa-angle-right"></i></a>
                                            </div>
                                            <div class="col-md-4 text-center">
                                                <div id="dash_pie_2" class="piechart" data-percent="73">
                                                    <span class="percent"></span>
                                                </div>
                                                <a href="#" class="title">Bounce Rate <i class="fa fa-angle-right"></i></a>
                                            </div>
                                            <div class="col-md-4 text-center">
                                                <div id="dash_pie_3" class="piechart" data-percent="90">
                                                    <span class="percent"></span>
                                                </div>
                                                <a href="#" class="title">Brand Popularity <i
                                                        class="fa fa-angle-right"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /COLUMN 1 -->

                        <!-- COLUMN 2 -->
                        <div class="col-md-6">
                            <div class="box solid grey">
                                <div class="box-title">
                                    <h4><i class="fa fa-dollar"></i>Revenue</h4>
                                    <div class="tools">
											<span class="label label-danger">
												20% <i class="fa fa-arrow-up"></i>
											</span>
                                        <a href="#box-config" data-toggle="modal" class="config">
                                            <i class="fa fa-cog"></i>
                                        </a>
                                        <a href="javascript:;" class="reload">
                                            <i class="fa fa-refresh"></i>
                                        </a>
                                        <a href="javascript:;" class="collapse">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a href="javascript:;" class="remove">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="box-body">
                                    <div id="chart-revenue" style="height:240px"></div>
                                </div>
                            </div>
                        </div>
                        <!-- /COLUMN 2 -->
                    </div>
                    <!-- /DASHBOARD CONTENT -->
                    <!-- HERO GRAPH -->
                    <div class="row">
                        <div class="col-md-12">
                            <!-- BOX -->
                            <div class="box border green">
                                <div class="box-title">
                                    <h4><i class="fa fa-bars"></i> <span
                                            class="hidden-inline-mobile">Traffic & Sales</span></h4>
                                </div>
                                <div class="box-body">
                                    <div class="tabbable header-tabs">
                                        <ul class="nav nav-tabs">
                                            <li><a href="#box_tab2" data-toggle="tab"><i class="fa fa-search-plus"></i>
                                                <span class="hidden-inline-mobile">Select & Zoom Sales Chart</span></a>
                                            </li>
                                            <li class="active"><a href="#box_tab1" data-toggle="tab"><i
                                                    class="fa fa-bar-chart-o"></i> <span class="hidden-inline-mobile">Traffic Statistics</span></a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane fade in active" id="box_tab1">
                                                <!-- TAB 1 -->
                                                <div id="chart-dash" class="chart"></div>
                                                <hr class="margin-bottom-0">
                                                <!-- /TAB 1 -->
                                            </div>
                                            <div class="tab-pane fade" id="box_tab2">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <div class="demo-container">
                                                            <div id="placeholder" class="demo-placeholder"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="demo-container" style="height:100px;">
                                                            <div id="overview" class="demo-placeholder"></div>
                                                        </div>
                                                        <div class="well well-bottom">
                                                            <h4>Month over Month Analysis</h4>
                                                            <ol>
                                                                <li>Selection support makes it easy to construct
                                                                    flexible zooming schemes.
                                                                </li>
                                                                <li>With a few lines of code, the small overview plot to
                                                                    the right has been connected to the large plot.
                                                                </li>
                                                                <li>Try selecting a rectangle on either of them.</li>
                                                            </ol>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /BOX -->
                        </div>
                    </div>
                    <!-- /HERO GRAPH -->
                    <!-- NEW ORDERS & STATISTICS -->
                    <div class="row">
                        <!-- NEW ORDERS -->
                        <div class="col-md-6">
                            <div class="box border">
                                <div class="box-title">
                                    <h4><i class="fa fa-columns"></i> <span
                                            class="hidden-inline-mobile">Sales Tab</span></h4>
                                </div>
                                <div class="box-body">
                                    <div class="tabbable header-tabs">
                                        <ul class="nav nav-tabs">
                                            <li class="active"><a href="#sales" data-toggle="tab"><i
                                                    class="fa fa-bookmark"></i> <span class="hidden-inline-mobile">New Orders</span></a>
                                            </li>
                                            <li><a href="#feed" data-toggle="tab"><i class="fa fa-rss"></i> <span
                                                    class="hidden-inline-mobile">Recent Activities</span></a></li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="sales">
                                                <div class="panel panel-default">
                                                    <div class="panel-body orders no-opaque">
                                                        <div class="scroller" data-height="450px"
                                                             data-always-visible="1" data-rail-visible="1">
                                                            <ul class="list-unstyled">
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A14</strong> Rikki S. Stover</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 9, 2013">Oct
                                                                            9, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$124.00</h4>
                                                                        <p>
                                                                            <span class="label label-success arrow-in-right"><i
                                                                                    class="fa fa-check"></i> Complete</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-success"
                                                                             role="progressbar" aria-valuenow="85"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 85%;">
                                                                            <span class="sr-only">85% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A15</strong> Scott Allen</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 10, 2013">Oct
                                                                            10, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$235.00</h4>
                                                                        <p>
                                                                            <span class="label label-warning arrow-in-right"><i
                                                                                    class="fa fa-cog"></i> In Progress</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-warning"
                                                                             role="progressbar" aria-valuenow="30"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 30%;">
                                                                            <span class="sr-only">30% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A16</strong> Larry Wright</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 11, 2013">Oct
                                                                            11, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$77.00</h4>
                                                                        <p>
                                                                            <span class="label label-primary arrow-in-right"><i
                                                                                    class="fa fa-archive"></i> Archived</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-primary"
                                                                             role="progressbar" aria-valuenow="97"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 97%;">
                                                                            <span class="sr-only">97% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A17</strong> John Dale</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 10, 2013">Oct
                                                                            10, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$174.00</h4>
                                                                        <p>
                                                                            <span class="label label-danger arrow-in-right"><i
                                                                                    class="fa fa-star"></i> New</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-danger"
                                                                             role="progressbar" aria-valuenow="10"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 10%;">
                                                                            <span class="sr-only">10% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A18</strong> MJ Perkins</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 11, 2013">Oct
                                                                            11, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$68.00</h4>
                                                                        <p>
                                                                            <span class="label label-info arrow-in-right"><i
                                                                                    class="fa fa-truck"></i> In Transit</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-info"
                                                                             role="progressbar" aria-valuenow="50"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 50%;">
                                                                            <span class="sr-only">50% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A19</strong> Stephen Stover</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 9, 2013">Oct
                                                                            9, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$124.00</h4>
                                                                        <p>
                                                                            <span class="label label-success arrow-in-right"><i
                                                                                    class="fa fa-check"></i> Complete</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-success"
                                                                             role="progressbar" aria-valuenow="80"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 80%;">
                                                                            <span class="sr-only">80% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A20</strong> Edward Lus</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 11, 2013">Oct
                                                                            11, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$52.00</h4>
                                                                        <p>
                                                                            <span class="label label-danger arrow-in-right"><i
                                                                                    class="fa fa-star"></i> New</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-danger"
                                                                             role="progressbar" aria-valuenow="20"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 20%;">
                                                                            <span class="sr-only">20% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A21</strong> Alice Mangrum</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 11, 2013">Oct
                                                                            11, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$14.00</h4>
                                                                        <p>
                                                                            <span class="label label-info arrow-in-right"><i
                                                                                    class="fa fa-truck"></i> In Transit</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-info"
                                                                             role="progressbar" aria-valuenow="65"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 65%;">
                                                                            <span class="sr-only">65% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="clearfix">
                                                                    <div class="pull-left">
                                                                        <p>
                                                                        <h5><strong>#A22</strong> Tamika Owens</h5>
                                                                        </p>
                                                                        <p><i class="fa fa-clock-o"></i> <abbr
                                                                                class="timeago" title="Oct 11, 2013">Oct
                                                                            11, 2013</abbr></p>

                                                                    </div>
                                                                    <div class="text-right pull-right">
                                                                        <h4 class="cost">$604.00</h4>
                                                                        <p>
                                                                            <span class="label label-warning arrow-in-right"><i
                                                                                    class="fa fa-cog"></i> In Progress</span>
                                                                        </p>
                                                                    </div>
                                                                    <div class="clearfix"></div>
                                                                    <div class="progress progress-sm">
                                                                        <div class="progress-bar progress-bar-warning"
                                                                             role="progressbar" aria-valuenow="75"
                                                                             aria-valuemin="0" aria-valuemax="100"
                                                                             style="width: 75%;">
                                                                            <span class="sr-only">75% Complete</span>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class='text-center'>
                                                        <ul class='pagination'>
                                                            <li class='disabled'>
                                                                <a href='#'>
                                                                    <i class='fa fa-angle-left'></i>
                                                                </a>
                                                            </li>
                                                            <li class='active'>
                                                                <a href='#'>
                                                                    1
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href='#'>2</a>
                                                            </li>
                                                            <li>
                                                                <a href='#'>3</a>
                                                            </li>
                                                            <li>
                                                                <a href='#'>4</a>
                                                            </li>
                                                            <li>
                                                                <a href='#'>5</a>
                                                            </li>
                                                            <li>
                                                                <a href='#'>
                                                                    <i class='fa fa-angle-right'></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="feed">
                                                <div class="scroller" data-height="450px" data-always-visible="1"
                                                     data-rail-visible="1">
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-check btn btn-info"></i>
                                                            <a class="user" href="#"> John Doe </a>
                                                            accepted your connection request.
                                                            <br>
                                                            <a href="#">View profile</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-picture-o btn btn-danger"></i>
                                                            <a class="user" href="#"> Jack Doe </a>
                                                            uploaded a new photo.
                                                            <br>
                                                            <a href="#">Take a look</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-edit btn btn-pink"></i>
                                                            <a class="user" href="#"> Jess Doe </a>
                                                            edited their skills.
                                                            <br>
                                                            <a href="#">Endorse them</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-bitcoin btn btn-yellow"></i>
                                                            <a class="user" href="#"> Divine Doe </a>
                                                            made a bitcoin payment.
                                                            <br>
                                                            <a href="#">Check your financials</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            6 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-dropbox btn btn-primary"></i>
                                                            <a class="user" href="#"> Lisbon Doe </a>
                                                            saved a new document to Dropbox.
                                                            <br>
                                                            <a href="#">Download</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            1 day ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-pinterest btn btn-inverse"></i>
                                                            <a class="user" href="#"> Bob Doe </a>
                                                            pinned a new photo to Pinterest.
                                                            <br>
                                                            <a href="#">Take a look</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            2 days ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-clock-o btn btn-success"></i>
                                                            <a class="user" href="#"> John Doe </a>
                                                            accepted your connection request.
                                                            <br>
                                                            <a href="#">View profile</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-heart btn btn-purple"></i>
                                                            <a class="user" href="#"> Jack Doe </a>
                                                            uploaded a new photo.
                                                            <br>
                                                            <a href="#">Take a look</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-gift btn btn-pink"></i>
                                                            <a class="user" href="#"> Jess Doe </a>
                                                            edited their skills.
                                                            <br>
                                                            <a href="#">Endorse them</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            5 hours ago
                                                        </div>
                                                    </div>
                                                    <div class="feed-activity clearfix">
                                                        <div>
                                                            <i class="pull-left roundicon fa fa-random btn btn-yellow"></i>
                                                            <a class="user" href="#"> Divine Doe </a>
                                                            made a bitcoin payment.
                                                            <br>
                                                            <a href="#">Check your financials</a>

                                                        </div>
                                                        <div class="time">
                                                            <i class="fa fa-clock-o"></i>
                                                            6 hours ago
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /NEW ORDERS -->
                        <!-- STATISTICS -->
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="box border inverse">
                                        <div class="box-title">
                                            <h4><i class="fa fa-money"></i>Sales Summary</h4>
                                            <div class="tools">
                                                <a href="javascript:;" class="reload">
                                                    <i class="fa fa-refresh"></i>
                                                </a>
                                                <a href="javascript:;" class="remove">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <div class="sparkline-row">
                                                <span class="title">Total sales</span>
                                                <span class="value">$78,273</span>
                                                <span class="sparkline big" data-color="blue">16,7,23,13,12,11,15,4,19,18,4,24</span>
                                            </div>
                                            <div class="sparkline-row">
                                                <span class="title">Profit</span>
                                                <span class="value">$6,543</span>
                                                <span class="sparkline big" data-color="red">6,3,24,25,27,29,14,26,20,8,12,20</span>
                                            </div>
                                            <div class="sparkline-row">
                                                <span class="title">Orders</span>
                                                <span class="value">985</span>
                                                <span class="sparkline big" data-color="green">11,19,20,20,5,18,11,6,16,20,26,11</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="box border purple">
                                        <div class="box-title">
                                            <h4><i class="fa fa-adjust"></i>Distribution Index</h4>
                                            <div class="tools">
                                                <a href="javascript:;" class="reload">
                                                    <i class="fa fa-refresh"></i>
                                                </a>
                                                <a href="javascript:;" class="remove">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <div class="sparkline-row">
                                                <span class="title">Revenue distribution</span>
                                                <span class="value"><i class="fa fa-usd"></i> 25674</span>
                                                <span class="sparklinepie">16,7,23</span>
                                            </div>
                                            <div class="sparkline-row">
                                                <span class="title">Sales</span>
                                                <span class="value"><i class="fa fa-money"></i> 19 999,99</span>
                                                <span class="sparklinepie">6,3,24,25</span>
                                            </div>
                                            <div class="sparkline-row">
                                                <span class="title">Employee/ Dept</span>
                                                <span class="value"><i class="fa fa-user"></i> 645783</span>
                                                <span class="sparklinepie">11,19,20</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /STATISTICS -->
                        <div class="col-md-6">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <table class="table table-striped table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th><i class="fa fa-user"></i> Client</th>
                                            <th class="hidden-xs"><i class="fa fa-quote-left"></i> Sales Item</th>
                                            <th><i class="fa fa-dollar"></i> Amount</th>
                                            <th><i class="fa fa-bars"></i> Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td><a href="#">Fortune 500</a></td>
                                            <td class="hidden-xs">Gold Level Virtual Server</td>
                                            <td>$ 2310.23</td>
                                            <td><span class="label label-success label-sm">Paid</span></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">Cisco Inc.</a></td>
                                            <td class="hidden-xs">Platinum Level Virtual Server</td>
                                            <td>$ 5502.67</td>
                                            <td><span class="label label-warning label-sm">Pending</span></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">VMWare Ltd.</a></td>
                                            <td class="hidden-xs">Hardware Switch</td>
                                            <td>$ 3472.54</td>
                                            <td><span class="label label-success label-sm">Paid</span></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">Wall-Mart Stores</a></td>
                                            <td class="hidden-xs">Branding & Marketing</td>
                                            <td>$ 6653.25</td>
                                            <td><span class="label label-success label-sm">Paid</span></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">Exxon Mobil</a></td>
                                            <td class="hidden-xs">UX and UI Services</td>
                                            <td>$ 45645.45</td>
                                            <td><span class="label label-danger label-sm">Overdue</span></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">General Electric</a></td>
                                            <td class="hidden-xs">Web Designing</td>
                                            <td>$ 3432.11</td>
                                            <td><span class="label label-warning label-sm">Pending</span></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /NEW ORDERS & STATISTICS -->
                    <!-- CALENDAR & CHAT -->
                    <div class="row">
                        <!-- CALENDAR -->
                        <div class="col-md-6">
                            <div class="box border primary">
                                <div class="box-title">
                                    <h4><i class="fa fa-calendar"></i>Calendar</h4>
                                    <div class="tools">
                                        <a href="#box-config" data-toggle="modal" class="config">
                                            <i class="fa fa-cog"></i>
                                        </a>
                                        <a href="javascript:;" class="reload">
                                            <i class="fa fa-refresh"></i>
                                        </a>
                                        <a href="javascript:;" class="collapse">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a href="javascript:;" class="remove">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="box-body">
                                    <div id='calendar'></div>
                                </div>
                            </div>
                        </div>
                        <!-- /CALENDAR -->
                        <!-- CHAT -->
                        <div class="col-md-6">
                            <!-- BOX -->
                            <div class="box border red chat-window">
                                <div class="box-title">
                                    <h4><i class="fa fa-comments"></i>Chat Window</h4>
                                    <div class="tools">
                                        <a href="#box-config" data-toggle="modal" class="config">
                                            <i class="fa fa-cog"></i>
                                        </a>
                                        <a href="javascript:;" class="reload">
                                            <i class="fa fa-refresh"></i>
                                        </a>
                                        <a href="javascript:;" class="collapse">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a href="javascript:;" class="remove">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="box-body big">
                                    <div class="scroller" data-height="402px" data-always-visible="1"
                                         data-rail-visible="1">
                                        <ul class="media-list chat-list">
                                            <li class="media">
                                                <a class="pull-left" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot1.jpg">
                                                </a>
                                                <div class="media-body chat-pop">
                                                    <h4 class="media-heading">John Doe <span class="pull-right"><i
                                                            class="fa fa-clock-o"></i> <abbr class="timeago"
                                                                                             title="Oct 9, 2013">Oct 9,
                                                        2013</abbr> </span></h4>
                                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                        scelerisque ante sollicitudin commodo. Cras purus odio,
                                                        vestibulum in vulputate at, tempus viverra turpis.</p>

                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-right" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot2.jpg">
                                                </a>
                                                <div class="pull-right media-body chat-pop mod">
                                                    <h4 class="media-heading">You <span class="pull-left"><abbr
                                                            class="timeago" title="Oct 10, 2013">Oct 10, 2013</abbr> <i
                                                            class="fa fa-clock-o"></i></span></h4></h4>
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                    scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum
                                                    in vulputate at, tempus viverra turpis.
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-left" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot3.jpg">
                                                </a>
                                                <div class="media-body chat-pop">
                                                    <h4 class="media-heading">Tim Row <span class="pull-right"><i
                                                            class="fa fa-clock-o"></i> <abbr class="timeago"
                                                                                             title="Oct 10, 2013">Oct
                                                        10, 2013</abbr> </span></h4></h4>
                                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                        scelerisque ante sollicitudin commodo. Cras purus odio,
                                                        vestibulum in vulputate at, tempus viverra turpis.</p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-left" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot5.jpg">
                                                </a>
                                                <div class="media-body chat-pop">
                                                    <h4 class="media-heading">Jenny Doe <span class="pull-right"><i
                                                            class="fa fa-clock-o"></i> <abbr class="timeago"
                                                                                             title="Oct 10, 2013">Oct
                                                        10, 2013</abbr> </span></h4></h4>
                                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                        scelerisque ante sollicitudin commodo. Cras purus odio,
                                                        vestibulum in vulputate at, tempus viverra turpis.</p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-right" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot2.jpg">
                                                </a>
                                                <div class="pull-right media-body chat-pop mod">
                                                    <h4 class="media-heading">You <span class="pull-left"><abbr
                                                            class="timeago" title="Oct 11, 2013">Oct 11, 2013</abbr> <i
                                                            class="fa fa-clock-o"></i></span></h4></h4>
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                    scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum
                                                    in vulputate at, tempus viverra turpis.
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-left" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot4.jpg">
                                                </a>
                                                <div class="media-body chat-pop">
                                                    <h4 class="media-heading">Jess Doe <span class="pull-right"><i
                                                            class="fa fa-clock-o"></i> <abbr class="timeago"
                                                                                             title="Oct 12, 2013">Oct
                                                        12, 2013</abbr> </span></h4></h4>
                                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                        scelerisque ante sollicitudin commodo. Cras purus odio,
                                                        vestibulum in vulputate at, tempus viverra turpis.</p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="pull-right" href="#">
                                                    <img class="media-object" alt="Generic placeholder image"
                                                         src="${CONTEXT_PATH}/_back/CloudAdmin/img/chat/headshot2.jpg">
                                                </a>
                                                <div class="pull-right media-body chat-pop mod">
                                                    <h4 class="media-heading">You <span class="pull-left"><abbr
                                                            class="timeago" title="Oct 12, 2013">Oct 12, 2013</abbr> <i
                                                            class="fa fa-clock-o"></i></span></h4></h4>
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                    scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum
                                                    in vulputate at, tempus viverra turpis.
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="divide-20"></div>
                                    <div class="chat-form">
                                        <div class="input-group">
                                            <input type="text" class="form-control"
                                                   placeholder="Type something...really, it works">
                                            <span class="input-group-btn"> <button class="btn btn-primary"
                                                                                   type="button"><i
                                                    class="fa fa-check"></i></button> </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /BOX -->
                        </div>
                        <!-- CHAT -->
                    </div>
                    <!-- /CALENDAR & CHAT -->
                    <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                    </div>
                </div><!-- /CONTENT-->
            </div>
        </div>
    </div>
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery/jquery-2.0.3.min.js"></script>
<!-- JQUERY UI-->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/bootstrap-dist/js/bootstrap.min.js"></script>


<!-- DATE RANGE PICKER -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/moment.min.js"></script>

<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
<!-- SPARKLINES -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/sparklines/jquery.sparkline.min.js"></script>
<!-- EASY PIE CHART -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-easing/jquery.easing.min.js"></script>
<script type="text/javascript"
        src="${CONTEXT_PATH}/_back/CloudAdmin/js/easypiechart/jquery.easypiechart.min.js"></script>
<!-- FLOT CHARTS -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.time.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.selection.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.resize.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.pie.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.stack.min.js"></script>
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/jquery.flot.crosshair.min.js"></script>
<!-- TODO -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-todo/js/paddystodolist.js"></script>
<!-- TIMEAGO -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/timeago/jquery.timeago.min.js"></script>
<!-- FULL CALENDAR -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/fullcalendar/fullcalendar.min.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- GRITTER -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/gritter/js/jquery.gritter.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/script.js"></script>
<script>
    jQuery(document).ready(function () {
        App.setPage("index");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>